<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>待结单-订单详情</title>
<link rel="stylesheet" type="text/css" href="../css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/zdialog.css"  th:href="@{${uiPath} + ${appName} + '/css/zdialog.css'}"/>

    <link rel="stylesheet" type="text/css" href="../css/SJS.css" th:href="@{${uiPath} + ${appName} + '/css/SJS.css'}"/>
</head>
<body>
<div class="zong">
	  <div class="toubu">
      <p class="biaoti">待结单-订单详情</p> 
     </div> 
      <div class="topkuai"></div>
     <div class="xoutesren">
        <img class="xingrentouxiang" src="../images/raw_1503290309.jpeg" alt="" th:src="${users.userHead}">
        <p class="xingname"><b th:text="${users.nickName}">小新</b></p>
        <p class="fanhuihua">发起会话</p>
     </div>
     <div class="diankuai"></div>
     <div class="xiangxixinxi">
         <ul>
           <li class="xiangxili">
               <p class="firstis"><b>小区位置:</b></p>
       <!--        model.addAttribute("configRegion",configRegion);
               model.addAttribute("configStyle",configStyle);
               model.addAttribute("configPtanli",configPtanli);-->
               <p class="seconde" th:text="${configRegion.regionName}">济南 历下</p>
           </li>
          <li class="xiangxili">
               <p class="firstis"><b>小区名称:</b></p>
               <p class="seconde" th:text="${data.callName}">风华水源小区</p>
           </li>
          <li class="xiangxili">
               <p class="firstis"><b>户型:</b></p>
               <p class="seconde"th:text="${data.callRoom}+'室'+${data.callHall}+'厅'+${data.callToilet}+'卫'">3室2厅2卫</p>
           </li>
          <li class="xiangxili">
               <p class="firstis"><b>装修面积:</b></p>
               <p class="seconde" th:text="${data.callAcreage}+'平'">168平</p>
           </li>
          <li class="xiangxili">
               <p class="firstis"><b>任务预算:</b></p>
               <p class="seconde" th:text="${data.callBudget}+'元'">800元</p>
           </li>
          <li class="xiangxili">
               <p class="firstis"><b>下单时间:</b></p>
               <p class="seconde" th:text="${date}">2017-2-18 12:21:09</p>
           </li>
         </ul>
     </div>
     <div class="diankuai"></div>
      <div class="xiangxixinxi">
         <ul>
           <li class="xiangxili">
               <p class="firstis"><b>装修风格:</b></p>
               <p class="seconde" th:text="${configStyle.configStyle}">北欧简约</p>
           </li>
          <li class="xiangxili ">
              <p class="firstis"><b>任务内容:</b></p>
           </li>
            <li class="xiangxili renwuneir">
              <textarea class="neirenrong" readonly="readonly" name="" id="" cols="30" rows="10" th:text="${data.demandInfo}">中机构接盘,监管科IE阿斯加德付款,逛街看见诶自己更快捷国家历史课</textarea>
           </li>
         </ul>
     </div>

    <div class="diankuai" th:if="${data.demandType==2}"></div>
    <div class="xiangxixinxi" th:if="${data.demandType==2}">
        <ul class="deigjff">
            <li class="xiangxili">
                <p class="firstis"><b>任务状态:</b></p>
                <p class="seconde decseg">等待业主付款</p>
            </li>


        </ul>
    </div>
 <div class="diankuai" th:if="${data.demandType==3}"></div>
    <div class="xiangxixinxi" th:if="${data.demandType==3}">
        <ul class="deigjff">
            <li class="xiangxili">
                <p class="firstis"><b>任务状态:</b></p>
                <p class="seconde decseg">设计中</p>
            </li>

            <li class="xiangxili">
                <p class="firstis"><b>任务金额:</b></p>
                <p class="seconde geilsd">900元</p>
            </li>
        </ul>
    </div>
    <div class="shangchuanshejit" th:if="${data.demandType==3}">
        <div class="tupianfirs">
            <img class="shangctup" src="../images/raw_1503973402.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503973402.jpeg'}">
            <p class="guanbi"><b>x</b></p>
        </div>
    </div>
    <div class="shanghcushejtu" th:if="${data.demandType==3}">
        <p class="shecload" onclick="shejitu()" th:if="${sjttype==0}">上传设计图</p>
        <p class="shecload" onclick="qdtu()"  th:if="${wlttype==0}">上传物料清单</p>
         <p class="shecload" onclick="xiugaishejitu()" th:if="${sjttype==1}">修改设计图</p>
        <p class="shecload" onclick="xiugaiwlqd()"  th:if="${wlttype==1}">修改物料清单</p>
    </div>




    <div class="diankuai" th:if="${data.demandType==4}"></div>
    <div class="xiangxixinxi" th:if="${data.demandType==4}">
        <ul class="deigjff">
            <li class="xiangxili">
                <p class="firstis"><b>任务状态:</b></p>
                <p class="seconde decseg">待审核</p>
            </li>

            <li class="xiangxili">
                <p class="firstis"><b>任务金额:</b></p>
                <p class="seconde geilsd">900元</p>
            </li>
        </ul>
    </div>
    <div class="shangchuanshejit" th:if="${data.demandType==4}">
        <div class="tupianfirs">
            <img class="shangctup" src="../images/raw_1503973402.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503973402.jpeg'}">
            <p class="guanbi"><b>x</b></p>
        </div>
    </div>
    <div class="shanghcushejtu" th:if="${data.demandType==4}">
        <p class="shecload">查看设计图</p>
        <p class="shecload">查看物料清单</p>
    </div>

    <div class="toubiao" th:if="${data.demandType==4}">
        <p class="ttoubiao wanchengsheji">设计已提交，等待审核</p>
    </div>



    <div class="diankuai" th:if="${data.demandType==5}"></div>
    <div class="xiangxixinxi" th:if="${data.demandType==5}">
        <ul class="deigjff">
            <li class="xiangxili">
                <p class="firstis"><b>任务状态:</b></p>
                <p class="seconde decseg">设计中</p>
            </li>

            <li class="xiangxili">
                <p class="firstis"><b>任务金额:</b></p>
                <p class="seconde geilsd">900元</p>
            </li>
        </ul>
    </div>
    <div class="shangchuanshejit" th:if="${data.demandType==5}">
        <div class="tupianfirs">
            <img class="shangctup" src="../images/raw_1503973402.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503973402.jpeg'}">
            <p class="guanbi"><b>x</b></p>
        </div>
    </div>
    <div class="shanghcushejtu" th:if="${data.demandType==5}">
        <p class="shecload" onclick="xiugaishejitu()">修改设计图</p>
        <p class="shecload" onclick="xiugaiwlqd()">修改物料清单</p>
    </div>
    <div class="toubiao" th:if="${data.demandType==5}">
        <p class="ttoubiao wanchengsheji">设计图未通过，请修改</p>
    </div>


    <div class="diankuai" th:if="${data.demandType==6}"></div>
    <div class="xiangxixinxi" th:if="${data.demandType==6}">
        <ul class="deigjff">
            <li class="xiangxili">
                <p class="firstis"><b>任务状态:</b></p>
                <p class="seconde decseg">设计中</p>
            </li>

            <li class="xiangxili">
                <p class="firstis"><b>任务金额:</b></p>
                <p class="seconde geilsd">900元</p>
            </li>
        </ul>
    </div>
    <div class="shangchuanshejit" th:if="${data.demandType==6}">
        <div class="tupianfirs">
            <img class="shangctup" src="../images/raw_1503973402.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503973402.jpeg'}">
            <p class="guanbi"><b>x</b></p>
        </div>
    </div>
    <div class="shanghcushejtu" th:if="${data.demandType==6}">
        <p class="shecload" onclick="xiugaishejitu()">修改设计图</p>
        <p class="shecload" onclick="xiugaiwlqd()">修改物料清单</p>
    </div>
    <div class="toubiao" th:if="${data.demandType==6}">
        <p class="ttoubiao wanchengsheji">物料清单未通过，请修改</p>
    </div>


    <div class="diankuai" th:if="${data.demandType==7}"></div>
    <div class="xiangxixinxi" th:if="${data.demandType==7}">
        <ul class="deigjff">
            <li class="xiangxili">
                <p class="firstis"><b>任务状态:</b></p>
                <p class="seconde decseg">待审核</p>
            </li>

            <li class="xiangxili">
                <p class="firstis"><b>任务金额:</b></p>
                <p class="seconde geilsd">900元</p>
            </li>
        </ul>
    </div>
    <div class="shangchuanshejit" th:if="${data.demandType==7}">
        <div class="tupianfirs">
            <img class="shangctup" src="../images/raw_1503973402.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503973402.jpeg'}">
            <p class="guanbi"><b>x</b></p>
        </div>
    </div>
    <div class="shanghcushejtu" th:if="${data.demandType==7}">
        <p class="shecload" onclick="cksjt()">查看设计图</p>
        <p class="shecload" onclick="ckwlt()">查看物料清单</p>
    </div>

    <div class="toubiao" th:if="${data.demandType==7}">
        <p class="ttoubiao wanchengsheji">订单已完成</p>
    </div>



    <form id="commentForm" th:action="@{'/demand/toubiao'}" method="post" th:if="${data.demandType<1}">
        <div class="diankuai"></div>
    <div class="xiangxixinxi">
         <ul class="deigjff">
          <!-- <li class="xiangxili">
               <p class="firstis"><b>投标情况:</b></p>
               <p class="tirrlabel">我已投标</p>
               <p class="fourlabel"><b>投标金额:</b></p>
               <p class="firvelavel">900元</p>
           </li>-->
           <li class="xiangxili"></li>
            <li class="xiangxili">
               <input class="toubiaojine" placeholder="请输入投标金额" type="text" name="bidMoney">
           </li>
           <div class="kongbaik"></div>
           <li class="xiangxili renwuneir">
              <textarea class="yuoushi" placeholder="请输入优势" name="bidContent"  cols="30" rows="10"></textarea>
           </li>
             <div class="kongbaik"></div>
             <li class="xiangxili renwuneir">
                 <textarea class="yuoushi" placeholder="预计完成天数" name="bidDays"  cols="30" rows="10"></textarea>
                 <input type="hidden" name="demandId" th:value="${data.id}">
             </li>
         </ul>
     </div>
    </form>
     <div class="toubiao" th:if="${type<1}">
        <p class="ttoubiao">投标</p>
     </div>
 <script type="text/javascript" src="../js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js'}"></script>
    <script type="text/javascript" src="../js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js'}"></script>
    <script type="text/javascript" src="../js/zdialog.js" th:src="@{${uiPath} + ${appName} + '/js/zdialog.js'}"></script>

    <script type="text/javascript" src="../js/SJS.js" th:src="@{${uiPath} + ${appName} + '/js/SJS.js'}"></script>
    <script th:inline="javaScript">
        $('.ttoubiao').click(function () {
                $.ajax({
                    type:'post',
                    url:$('#commentForm').attr('action'),
                    data:$('#commentForm').serialize(),
                    dataType:'json',
                    success:function (result) {
                        if(result.code==1){
                            $.DialogByZ.Close();
                            $.DialogByZ.Alert({Title: "提交成功", Content:result.data ,BtnL:"确定"})
                        }else{
                            $.DialogByZ.Close();
                            $.DialogByZ.Alert({Title: "提交失败", Content:result.data  ,BtnL:"确定"})
                        }
                    }
                })


        })
   function shejitu() {
        window.location.href="/demand/scsjt?id="+[[${data.id}]];
    }
    function qdtu(){
        window.location.href="/demand/qdtu?id="+[[${data.id}]];

    }

        function xiugaishejitu() {
            window.location.href="/ownerDemand/sjtxq?id="+[[${data.id}]]+"&type=5";
        }
        function xiugaiwlqd() {
            window.location.href="/ownerDemand/sjtxg?id="+[[${data.id}]]+"&type=5";
        }
        function cksjt() {
            window.location.href="/ownerDemand/sjtxq?id="+[[${data.id}]]+"&type=6";

        }
        function ckwlt() {
            window.location.href="/ownerDemand/sjtxg?id="+[[${data.id}]]+"&type=6";

        }
    </script>
</body>
</html>